<template>
	<div class="ml-bottom">
		<ul>
			<router-link tag="li" :to="{name: 'home'}">
				<p class="ml-icon-bottomTab-001"></p>
				<p>首页</p>
			</router-link>
			<router-link tag="li" :to="{name: 'finance'}">
				<p class="ml-icon-bottomTab-002"></p>
				<p>投资</p>
			</router-link>
			<router-link tag="li" :to="{name: 'integral'}">
				<p class="ml-icon-bottomTab-003"></p>
				<p>资产</p>
			</router-link>
			<router-link tag="li" :to="{name: 'user'}">
				<p class="ml-icon-bottomTab-004"></p>
				<p>我的</p>
			</router-link>
		</ul>
	</div>
</template>

<script>
export default {
	name: 'bottom-tab',
	data() {
		return {

		}
	},
	created() {

	},
	mounted(){

	},
	methods: {

	}
}	
</script>

<style lang="scss">
.ml-bottom{
	position:absolute;
	bottom:0;
	width:100%;
	background:#fff;
	padding:15px 0 10px;
	border-top:2px solid #E8E8E8;
	ul{
		overflow: hidden;
		li{
			float:left;
			width:25%;
			text-align: center;
			p{
				font-family: PingFangHK-Regular;
				font-size: 20px;
				color: #999999;
				letter-spacing: -0.48px;
			}
			p:first-child{
				margin-bottom:10px;
			}
		}
	}
}
</style>